<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="include/stdlib.jspf" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="include/meta.jspf" %>
    <title>广告牌监测系统</title>
    <%@ include file="include/style.jspf" %>
</head>
<body>
<section id="container" class="">
    <!--header start-->
    <header class="header white-bg">
        <div class="sidebar-toggle-box">
            <div data-original-title="Toggle Navigation" data-placement="right" class="icon-reorder tooltips"></div>
        </div>
        <!--logo start-->
        <a href="#" class="logo">广告牌<span>监测系统</span></a>
        <!--logo end-->
        <div class="nav notify-row" id="top_menu">
            <!--  notification start -->

            <!--  notification end -->
        </div>
        <div class="top-nav ">
            <!--search & user info start-->
            <ul class="nav pull-right top-menu">

                <!-- user login dropdown start-->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" src="static/img/avatar-mini.jpg">
                        <span class="username">${username} &nbsp;&nbsp;<b>${roleStr}</b></span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu extended logout">
                        <div class="log-arrow-up"></div>
                        <li><a href="#"><i class=" icon-suitcase"></i>Profile</a></li>
                        <li><a href="#"><i class="icon-cog"></i> Settings</a></li>
                        <li><a href="#"><i class="icon-bell-alt"></i> Notification</a></li>
                        <li><a href="j_spring_security_logout"><i class="icon-key"></i> Log Out</a></li>
                    </ul>
                </li>
                <!-- user login dropdown end -->
            </ul>
            <!--search & user info end-->
        </div>
    </header>
    <!--header end-->
    <!--sidebar start-->
    <%@ include file="include/menu.jspf" %>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">

    </section>
    <!--main content end-->
</section>
<div id="ocean-modal-dialog-div">

</div>
<%@ include file="include/script.jspf" %>
<script>
    //custom select box
    $(function () {
        $('select.styled').customSelect();
    });
    //owl carousel
    $(document).ready(function () {
        $("#owl-demo").owlCarousel({
            navigation: true,
            slideSpeed: 300,
            paginationSpeed: 400,
            singleItem: true

        });
    });

    $(document).ready(function () {
        $utils.setting_template();

        $("#main-content").load("billboard/jsp");
        $(".menu-item").click(function () {
            var url = $(this).data("url");
            $("#main-content").load(url);
        });
    });
    function goLogin() {
        location.reload();
    }
</script>

</body>
</html>
